@import './mixin.scss';
.container {
    position: relative;
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
}

a {
    img {
        width: 100%;
        height: 100%;
    }
}

input {
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before,
.clearfix:after {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
}

// 公共logo
.header-logo {
    display: inline-block;
    width: 55px;
    height: 55px;
    background-color: #FF6600;
    a {
        display: inline-block;
        width: 110px;
        height: 55px;
        &:before {
            content: ' ';
            @include bgImg(55px, 55px, '/imgs/mi-logo.png', 55px);
            transition: margin .2s;
        }
        &:after {
            content: ' ';
            @include bgImg(55px, 55px, '/imgs/mi-home.png', 55px);
        }
        &:hover:before {
            margin-left: -55px;
            transition: margin .2s;
        }
    }
}